<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数、事件和对象</title>
</head>
<body>
<!--标签：类似于java中的对象-->
<label id="l1">0</label>
<!--通过事件去调用函数-->
<button onclick="changeNumber()">点我</button>
</body>
</html>
<script>
    let i = 1;

    // 定义函数
    function changeNumber() {
        // 函数体，函数的功能
        // 1. 获取到标签
        let l1 = document.getElementById('l1')
        // 2. 更改标签中的值
        l1.innerHTML = i + '';
        i++;
    }
</script>